.fee-detail-report-wrap {
  background: #f0f2f5;
  margin: -27px -20px;
  .loading-container{
    text-align: center;
  }
  .s-wrap{
    background: #f0f2f5;
    .common-top-area{
      background: white;
    }
  }
  .search-area-btn-wrap {
    position: relative;
    height: 1px;
    .show-search-area-btn-top{
      position: absolute;
      width: 100%;
      text-align: center;
      cursor: pointer;
      z-index: 2;
      top: -15px;
    }
    .show-search-area-btn {
      position: absolute;
      width: 100%;
      text-align: center;
      cursor: pointer;
    }
    .show-search-area-btn:hover {
      color: #569BE5;
    }
    .extra-sa-title {
      line-height: 28px;
    }
    .back-a {
      font-size: 14px;
      padding-bottom: 20px;
      .back-a-icon {
        margin-right: 5px;
      }
    }
  }
  .hidden-sa{
    height: 1px;
    width: 1px;
    opacity: 0;
    overflow: hidden;
  }
  .show-sa{
    background: white;

  }
  .fee-detail-wrap{
    margin-top: 20px;
    .inner-fee-detail-wrap{
      background: white;
    }
    .chart-wrap-title{
      font-size: 18px;
      font-weight: bold;
      border-bottom: solid 1px #ededed;
      padding: 4px;
      height: 44px;
      line-height: 38px;
      color: black;
      padding-left: 14px;
      .f_right{
        float: right;
      }
    }
    .chart-wrap-one{
      margin-bottom: 10px;
      .chart-one{
        height: 480px;
        float: left;
        width: 67%;
        padding: 10px;
      }
      .inner-table-wrap{
        height: 480px;
        float: left;
        width: 33%;
        padding: 10px;
      }
      .clear{
        clear:both;
      }
    }
    .chart-line{
      border-bottom: solid 1px #ededed;
    }
    .table-wrap{
      margin-top: 10px;
      background: white;
      .inner-table-wrap{
        min-height: 100px;
        padding: 8px 10px;
      }
    }
  }
}
